<template>
    <div>
      <el-container>
        <el-header>
          <headers/>
        </el-header>
        <el-container>

          <el-aside width="200px">
            <menus/>
          </el-aside>

          <el-main>
            <router-view></router-view>
          </el-main>

        </el-container>
      </el-container>
    </div>
  </template>
<script lang="ts">
import { defineComponent } from 'vue'
import { ElContainer, ElHeader, ElAside, ElMain } from 'element-plus'
// menu已经有这样的标签了，所以这里改成menus
import menus from './menus.vue'
import headers from './header.vue'


export default defineComponent({
  components: {
    menus,
    headers,
  }
});
</script>